<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_s29hS0',
'ZY_ZhangShaShiXiongJiuJiu_1',
'ZY_WangZhanShouYe_2',
'ZY_ChanPinZhanShi_3',
'ZY_GuanYuWoMen_4',
'ZY_QiYeWenHua_5',
'ZY_XinWenZhongXin_6',
'ZY_LianXiWoMen_7',
'img_fKCV48',
'ZY_RangRenMenShengHuoGeng_9',
'ZY_LianXiWoMen_10',
'ontac_11',
'img_gj8wp12',
'img_cPFDy13',
'ZY_ZhangShaShiXiongJiuJiu_14',
'img_s0vA515',
'ZY_DianHua_16',
'img_cgUQU17',
'ZY_DiZhiZhangShaGao_18',
'ewew64ss64ff4435cadsa9b672b5ed0896',
'huodongcehua_banner',
'crbb90c7a2caa14b99aba0d14d1844f7b3',
'huodongcehua_photo_01',
'huodongcehua_photo_02',
'huodongcehua_photo_03',
'huodongcehua_photo_04',
'huodongcehua_photo_05',
'huodongcehua_photo_06',
'huodongcehua_vidio_01',
'huodongcehua_vidio_02',
'huodongcehua_vidio_03',
'O60a2c720d2e0242cbb6012f1acab5495a',
'Yl07d3fb4b855748f49891e91528537cb1',
'wPddfb32fb319d46f5ae62f042bef434aa',
'kq1b075b47d3e548c48f492f71366160bb',
'wO94cd9a84c28e478c8670cb6d20210419'
"  ></cms:ads>
<!doctype html>
<html>
<head>
    <meta charset="utf-8"> 
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> 
	<meta name="apple-mobile-web-app-capable" content="yes"> 
	<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
	<meta name="format-detection" content="telephone=yes"> 
	<meta http-equiv="x-rim-auto-match" content="none"> 
	<link rel="stylesheet" href="http://zyt.csxuncong.com/resource/plugin/mui/css/mui.min.css">
	<link href="http://hwfile.jyymatrix.cc/zyt/mobile/css/reset.css" rel="stylesheet">
	<link href="http://hwfile.jyymatrix.cc/zyt/mobile/css/common.css" rel="stylesheet">
	<link href="http://hwfile.jyymatrix.cc/zyt/mobile/font/iconfont.css" rel="stylesheet">
	<link href="http://hwfile.jyymatrix.cc/zyt/mobile/css/animate.css" rel="stylesheet">
	<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css"> 
	<link rel="icon" sizes="any" href="${浏览器logo}">
    <style>
    html,body,.mui-content{ 
        background: #FFFFFF; overflow-x: hidden; 
    } 
    .list{ margin:20px 0; text-align: center; } 
    .list .icon{ width: 100%;margin-bottom: 15px; } 
    .list .txt{ font-size: 16px; line-height: 26px; }
    .list .item{
        margin: 0 15px;
    }
    .list2{
        margin:10px 0;
        padding: 0 7px;
    }
    .list2 .item{
        width: 50%;
        margin: 0 8px;
    }
    .list2 .icon {
        margin-bottom: 0;
    }
    </style>
    <meta name="keywords" content="${网页关键词}">
    <meta name="description" content="${网页描述 }">
</head>
<body>
<jsp:include page="_top.jsp"></jsp:include>
<div class="banner">
    <img src="${crbb90c7a2caa14b99aba0d14d1844f7b3.adImg}" alt=""
         class="zy" data-type="ad"
         data-id="${crbb90c7a2caa14b99aba0d14d1844f7b3.adId}">
</div>
<div class="box">
    <div class="container">
        <div class="list">
            <div class="flex-1 item">
                <video width="100%" autoplay="true" src="${huodongcehua_vidio_01.adInfo1}" controls="controls" class="icon zy" data-type="ad" data-id="${huodongcehua_vidio_01.adId}"></video>
            </div>
            <div class="flex-1 item">
                <video width="100%" autoplay="true" src="${huodongcehua_vidio_02.adInfo1}" controls="controls" class="icon zy" data-type="ad" data-id="${huodongcehua_vidio_02.adId}"></video>
            </div>
            <div class="flex-1 item">
                <video width="100%" autoplay="true" src="${huodongcehua_vidio_03.adInfo1}" controls="controls" class="icon zy" data-type="ad" data-id="${huodongcehua_vidio_02.adId}"></video>
            </div>
        </div>
    </div>
    <div style="background:#F5F5F5;padding-bottom: 10px;">
        <div class="container">
            <h2 style="color: #009489;font-size: 18px;padding: 20px 0 10px; text-align: center;">活动照片墙</h2>

            <div class="list list2 flex-wrap flex space-between">
                <div class="flex-1 item">
                    <img src="${O60a2c720d2e0242cbb6012f1acab5495a.adImg}" class="icon zy" data-type="ad" data-id="${O60a2c720d2e0242cbb6012f1acab5495a.adId}">
                </div>
                <div class="flex-1 item">
                    <img src="${Yl07d3fb4b855748f49891e91528537cb1.adImg}" class="icon zy" data-type="ad" data-id="${Yl07d3fb4b855748f49891e91528537cb1.adId}">
                </div>
            </div>
            <div class="list list2 flex-wrap flex space-between">
                <div class="flex-1 item">
                    <img src="${wPddfb32fb319d46f5ae62f042bef434aa.adImg}" class="icon zy" data-type="ad" data-id="${wPddfb32fb319d46f5ae62f042bef434aa.adId}">
                </div>
                <div class="flex-1 item">
                    <img src="${kq1b075b47d3e548c48f492f71366160bb.adImg}" class="icon zy" data-type="ad" data-id="${kq1b075b47d3e548c48f492f71366160bb.adId}">
                </div>
            </div>
            <div class="list list2 flex-wrap flex space-between">
                <div class="flex-1 item">
                    <img src="${wO94cd9a84c28e478c8670cb6d20210419.adImg}" class="icon zy" data-type="ad" data-id="${wO94cd9a84c28e478c8670cb6d20210419.adId}">
                </div>
                <div class="flex-1 item">
                    <img src="${huodongcehua_photo_01.adImg}" class="icon zy" data-type="ad" data-id="${huodongcehua_photo_01.adId}">
                </div>
            </div>
            <div class="list list2 flex-wrap flex space-between">
                <div class="flex-1 item">
                    <img src="${huodongcehua_photo_02.adImg}" class="icon zy" data-type="ad" data-id="${huodongcehua_photo_02.adId}">
                </div>
                <div class="flex-1 item">
                    <img src="${huodongcehua_photo_03.adImg}" class="icon zy" data-type="ad" data-id="${huodongcehua_photo_03.adId}">
                </div>
            </div>

            <div class="list list2 flex-wrap flex space-between">
                <div class="flex-1 item">
                    <img src="${huodongcehua_photo_04.adImg}" class="icon zy" data-type="ad" data-id="${huodongcehua_photo_04.adId}">
                </div>
                <div class="flex-1 item">
                    <img src="${huodongcehua_photo_05.adImg}" class="icon zy" data-type="ad" data-id="${huodongcehua_photo_05.adId}">
                </div>
            </div>

            <div class="list list2 flex-wrap flex space-between">
                <div class="flex-1 item">
                    <img src="${huodongcehua_photo_06.adImg}" class="icon zy" data-type="ad" data-id="${huodongcehua_photo_06.adId}">
                </div>
                <div class="flex-1 item">
                    
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="_footer.jsp"></jsp:include>
<script src="http://zyt.csxuncong.com/resource/plugin/mui/js/mui.js"></script>
<script src="http://hwfile.jyymatrix.cc/zyt/mobile/js/jquery.min.js"></script>
<script src="http://hwfile.jyymatrix.cc/zyt/mobile/js/wow.min.js"></script>
<script src="http://hwfile.jyymatrix.cc/zyt/mobile/js/accordion.js"></script>
<script src="http://hwfile.jyymatrix.cc/zyt/mobile/js/scrollReveal.js"></script>
<script type="text/javascript">
    mui.init();
    mui('body').on('tap','a',function(){
        window.top.location.href=this.href;
    });
    mui('body').on('tap','#showMav',function(){
        $('#accordion').fadeToggle()
    });
    window.scrollReveal = new scrollReveal();
</script>
<script>

</script>
</body>
</html>